
<script setup >
import { Carousel } from 'bootstrap';

</script>

<template>
  <div class="container">
    <div class="title">单位简介</div>
    <div class="dwBox1">
      <div class="dwBox1-center">
        <div class="dwBox1-center-text">
          <div class="card-body">
            <img src="/src/assets/images/titleFx.jpg">
         <h5 class="card-title">北京无线电计量测试研究所</h5>
            <p class="card-text">
              北京市计量检测科学研究院（Beijing Institute of Metrology）是北京市质量技术监督局直属公益二类事业单位，国家质量监督检验检疫总局华北国家计量测试中心的技术实体。<br/>
              研究院业务范围涉及工业、民生、市场、新兴产业等多个重要领域。为政府工作、民生建设、经济转型等提供有力的技术支撑。是国家质量监督检验检疫总局授权的国家法定计量检定机构，是中国合格评定国家认可委员会认可的检测、校准实验室，是北京市质量技术监督局授权的北京市计量产品质量监督检验站。
            </p>
            <p style="color:red"> 181 3161 7461</p>
          </div>
          <div><img src="/src/assets/images/ccPic.jpg" alt=""></div>
        </div>
      </div>
      <div class="col-6">
        <div id="carouse_ljl02" class="carousel slide" data-ride="carousel" data-bs-wrap="true" data-bs-interval="2000" ref="carouselEl">
          <ol class="carousel-indicators">
            <li data-target="#carouse_ljl02" data-slide-to="0" class="active"></li>
            <li data-target="#carouse_ljl02" data-slide-to="1"></li>
            <li data-target="#carouse_ljl02" data-slide-to="2"></li>
          </ol>

          <button class="carousel-control-prev" type="button" data-target="#carouse_ljl02" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only"> < </span>
          </button>
          <button class="carousel-control-next" type="button" data-target="#carouse_ljl02" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only"> > </span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="container" style="margin-top: 80px;text-align: left;">
    <div class="dwBox1-center-text">
      <div class="card-body">
        <h5 class="card-title" >联系我们</h5>
        <p class="card-text">北京无线电计量测试研究所</p>
        <p class="card-text">所在地址：北京市海淀区永定路50号</p>
        <p class="card-text">送检业务电话：181 3161 7461
        </p>
      </div>
      <div class="col-6">
        <img src="/src/assets/images/img/business-commerce-600x400.jpg" alt=""></img>
      </div>
    </div>
  </div>

</template>

<style scoped>
.title{
  margin-top: 50px;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 2px;
}
.dwBox1{
  background: #fff;
  margin: 50rpx auto;

}
.dwBox1-center-text{
  max-width: 1400px;
  box-shadow: 0px 17px 12px 0px #D9D9D926;
  padding: 40px 30px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  img {
    width: 596px;
    height: 385px;
  }
  .card-body{
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    h5{
      //text-align: center;
      font-weight: 600;
      font-size: 18px;
    }
  }
}
.botPicAll{
  margin: 50px;
}
.botPicAll .one{
  width: 1300px;
  height: 166px;
  img{
    width: 100%;
    height: 100%;
  }
}

</style>